<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发起调查问卷</title>

    <link rel="stylesheet" href="../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../statics/css/base.css">
    <style>
        .card {
            margin-top: 2rem;
        }

        .h6,
        h6 {
            margin-left: 13rem;
        }

        .bg-light {
            background-color: coral;
        }
        .btn-primary{
            width: 8rem;
            margin-left: 2rem;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col align-self-start">

            </div>
            <div class="col align-self-center">
                <nav class="navbar navbar-expand-lg navbar-light" style="background-color: coral;">
                    <h6>创建新的问卷</h6>
                </nav>
                <div class="card" style="width: 35rem;height: 48rem;">

                    <div style="margin-left: 2rem;">
                        <label for="" style="font-size: 1.5rem;">主题:</label>
                        <br>
                        <input type="text" style="width: 20rem;">
                    </div>
                    <div style="margin-left: 2rem;">
                        <label for="" style="font-size: 1.5rem;">说明:</label>
                        <br>
                        <textarea name="" id="" cols="40" rows="5"></textarea>
                    </div>
                    <div style="margin-left: 1em;padding-top: 1em;">
                        <label for="" style="font-size: 1.5rem;">选项:</label>
                        <br>
                        <ol>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                            <li><input type="text" class="que-tenlists"><label for="">(0~10分)</label></li>
                        </ol>
                    </div>
                    <div>
                        <button type="button" class="btn btn-primary">确定</button>
                    <button type="button" class="btn btn-primary">取消</button>
                    </div>
                    

                </div>


            </div>
            <div class="col align-self-end">

            </div>
        </div>
    </div>
    </div>
</body>
<script src="../statics/js/bootstrap.min.js"></script>

<iframe src="index2.html" id="sub_frame"></iframe>
</html>